<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
	<script src="js/jquery.min.js"></script>
	<title>兴泰村镇银行</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<style>
		#sj{
			width: 2rem;
		}
		/*#s{
			width: 8.25rem;
			padding:.2rem;
			height: 1.5rem;
		}*/
		#s option{
			height:1rem;
		}
		li{
			float: left;
			border: 1px  solid;
			width: 6.1rem;
			border-radius: .3rem;
			text-align: center;
			background-color: #B5B5B5;
			color: white;
		}
		#ht{
			margin: .5rem;
		}
		.long{
			width:9.1rem;
			height:2rem;
			
			line-height: 2rem;
			font-size: .8rem;
			text-align: center;
			margin:.5rem auto;
			color:white;
			border-radius: .3rem;
			border-style:none;
			background:#0CBEA0;
		}
		a,a:hover{ 
			text-decoration:none; 
			color:white;
		}
	</style>
	<script type="text/javascript" src="js/base.js"></script>
	<script>
		
		$(function(){
			$("#next").click(function(){
				$("#l2").css("background-color","#0CBEA0");
				$("#first").hide();
				$("#second").show();
			})
			$("#next2").click(function(){
				$("#l3").css("background-color","#0CBEA0");
				$("#second").hide();
				$("#third").show();
			})
			$("#pre").click(function(){
				$("#l2").css("background-color","#B5B5B5");
				$("#first").show();
				$("#second").hide();
			})
			$("#pre2").click(function(){
				$("#l3").css("background-color","#B5B5B5");
				$("#second").show();
				$("#third").hide();
			})
		})
	</script>
</head>
<body>
	<div id="topbar">
		<div id="topbarLeft">
			<!-- <img src="img/scan.png" alt=""> -->
		</div>
		<div id="topbarCenter"><img class="logo" src="img/logo.png" alt=""><span class="title">兴泰村镇银行</span></div>
		<div id="topbarRight">
			<!-- <img src="img/sign.png" alt=""> -->
		</div>
	</div>
	<div id="cc">
		
		<div class="block text" style="font-size: .8rem;line-height: 1.5rem;">
			<div id="ht"><h2>企业贷款资料填写</h2></div>
			<div>
				<ul>
					<li id="l1" style="background-color: #0CBEA0;">信息填写</li>
					<li id="l2">资料审核</li>
					<li id="l3">信贷回复</li>
				</ul>
			</div>
			<form id="first">
				企业名称:<input class="input" type="text" name="username"><br>
	    		营业执照:<input class="input" type="file" name="files"><br>
	    		法人情况:<input class="input" type="text" name="condition"><br>
	    		贷款用途:<input class="input" type="text" name="project"><br>
	    		资产规模:<input class="input" type="text" name="scale"><br>
	    		上年利润:<input class="input" type="text" name="profit"><br>
	    		是否可供抵押:<input class="input" type="text" name="is_stat"><br>
	    		联系电话:<input class="input" type="text" name="phone"><br>
	    		贷款金额:<input class="input" type="text" name="money"><br>
				贷款期限:<input class="input" type="text" name="term"><br>
				公司地址:<input class="input" type="text" name="address"><br>
				<input type="submit" value="提交" class="long">
				<input type="reset" value="取消" class="long">
			 
				<!-- <div id="pre" class="longButton">上一步</div> -->
				<div id="next" class="longButton">下一步</div>
			</form>
		</div>
		<div class="block text" style="font-size: .8rem;line-height: 1.5rem;">
			<form id="second" style="display: none;">
				审核结果：
				<div id="pre" class="longButton">上一步</div>
				<div id="next2" class="longButton">下一步</div>
			</form>
		</div>
		<div class="block text" style="font-size: .8rem;line-height: 1.5rem;">
			<form id="third" style="display: none;">
				<div id="ht"><h1>请等待上门服务</h1></div>
				<div id="pre2" class="longButton">上一步</div>
				<a href="index.html">
				<div class="longButton">
					首页
				</div>
				</a>
			</form>
		</div>

	</div>
	
</body>
</html>